*{
    margin:0;
    padding:0;
}

.div-1{
    background-color:#5A5AAD;
    width: 16px;
    height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -60px;
}

.span1:after{
    content: "";
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #5A5AAD transparent;
    display: block;
    position: absolute;
    top: -16px;
    right: 0px;
}

.span2:after{
    content: "";
    border-width: 8px;
    border-style: solid;
    border-color: #5A5AAD transparent transparent transparent;
    display: block;
    position: absolute;
    top: 180px;
    right: 0px;
}

.div-2{
    background-color:#5A5AAD;
    width: 80px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -7px;
}

.span3{
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: transparent #5A5AAD transparent transparent;
    display: block;
    position: absolute;
    top: 0px;
    right: 80px;
}

.span4{
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #5A5AAD;
    display: block;
    position: absolute;
    top: 0px;
    right: -14px;
}

.span-1{
    display:inline-block;
}